<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <link rel="icon" href="./static/favicon.ico" />
        <link rel="stylesheet" href="//at.alicdn.com/t/font_2516094_82pfu8513yt.css" />
        <title>安全管控智慧平台</title>
    </head>
    <style>
        body {
            width: 100%;
            height: 100%;
            /* min-width: 1440px; */
        }
        .ivu-tooltip {
            display: block !important;
        }
        .ivu-drawer {
            width: 500px !important;
        }

        .el-table__body-wrapper::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        /* 滚动条滑块 */
        .el-table__body-wrapper::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(0, 0, 0, 0.1);
            height: 100px;
        }
        .loading-item {
            width: 668px !important;
            top: 120px !important;
        }

        .ivu-drawer-header {
            margin-bottom: 0 !important;
        }

        .el-breadcrumb__inner {
            cursor: pointer !important;
        }

        .ivu-tooltip-popper {
            word-break: break-all !important;
        }

        .hide .el-upload--picture-card {
            display: none;
        }

        .amap-logo {
            display: none;
            opacity: 0 !important;
        }

        .amap-copyright {
            opacity: 0;
        }

        .amap-marker-label {
            border: 0 !important;
            background-color: transparent !important;
        }

        .in_fo {
            /* background: #fff; */
            border-radius: 10px;
            padding: 5px;
            color: #fff;
        }

        .in_fo0 {
            background: #999999;
        }

        .in_fo4 {
            background: #619cec;
        }

        .in_fo2 {
            background: #ff410a;
        }

        .in_fo3 {
            background: #28c81e;
        }
        .in_fo5 {
            background: #eeeeef;
            color: #000 !important;
        }

        .in_fo6 {
            background: #e62129;
        }

        .in_fo7 {
            background: #00a2e9;
        }

        .in_fo8 {
            background: #ffe100;
            color: #000 !important;
        }
        .mapIcon {
            width: 32px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            cursor: pointer;
            transition: all 0.5s ease-in-out;
        }
        .mapIcon:hover {
            transform: scale(1.6);
        }
        .mapBoxShadow_G {
            /* box-shadow: 0 0 15px 10px #28c81e; */
        }
        .mapBoxShadow_R {
            /* box-shadow: 0 0 15px 10px #1891FF; */
        }
        .mapIcon:hover p {
            font-size: 22px;
            font-weight: bold;
        }
        .in_fo1 {
            /* background: #408AF7; */
            border-radius: 10px;
            padding: 5px 10px;
            color: #fff;
        }
        .in_fo100 {
            padding: 10px 15px;
            box-sizing: border-box;
            color: #fff;
            box-shadow: 0px 7px 9px 1px rgba(6, 30, 91, 0.19);
            border-radius: 3px;
        }
        .in_fo101 {
            background: #02aaf4;
        }
        .in_fo102 {
            background: #25bc1b;
        }
        .in_fo103 {
            background: #fe3c05;
        }
        .in_fo104 {
            background: #58595a;
        }
        .in_fo105 {
            background: #f7a21b;
            box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 1) !important;
        }

        .el-table__expanded-cell[class*="cell"] {
            padding: 0px 0px !important;
        }

        .el-collapse-item__header {
            border: none !important;
            background: rgba(245, 250, 255, 1) !important;
            /* margin-top: 10px!important; */
        }
        .el-transfer__button {
            display: block !important;
            border-radius: 50% !important;
            padding: 10px !important;
            margin-left: 0 !important;
            border-color: #ebeef5 !important;
        }
        .is-disabled {
            /* border: 1px solid #DCDFE6!important; */
            /* border-color: #ebeef5!important; */
            color: #c0c4cc !important;
            background-color: #fff !important;
        }
        .el-collapse {
            border: none !important;
        }

        .el-tree-node__label {
            margin-left: 6px;
            font-size: 12px !important;
        }

        .el-checkbox__inner {
            width: 12px !important;
            height: 12px !important;
        }

        hr {
            border-color: #ebeef5;
            /* border:0; */
            border-top: 1px;
        }

        .el-table thead th {
            background: #dcebfe !important;
        }

        .el-transfer-panel {
            width: 265px !important;
        }

        .el-transfer-panel__list.is-filterable {
            display: flex;
            flex-direction: column;
        }

        .el-transfer-panel__list {
            display: flex !important;
            flex-direction: column !important;
        }
        /* .ivu-modal-header-inner {
        color: #1891FF!important;
        font-size: 20px!important;
    } */

        h2 {
            margin-top: 10px;
            font-size: 14px;
            font-weight: 400;
            color: var(--themeColor);
        }
        /* .ivu-modal-header {
        border-bottom: 1px solid #1891FF!important;
    } */
        /* *{
        letter-spacing: 1px;
    } */
        .el-transfer-panel
            .el-transfer-panel__header
            .el-checkbox
            .el-checkbox__label {
            font-size: 14px;
            color: #606266;
        }
        .abc {
            height: 75px;
            width: 75px;
            background-image: url(./static/jhd2.png);
            background-size: 100% 100%;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            /* animation: mymove1 1s infinite;
        -webkit-animation: mymove1 1s infinite; */
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
        }
        .abc:hover {
            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -o-transform: scale(1.5);
        }
        /* @keyframes mymove1 {
        from {
            height: 75px;
            width: 75px;
            font-size: 14px;
        }
        to {
            height: 100px;
            width: 100px;
            font-size: 18px;
        }
    } */
        /* 修改 el-cascader 显示层级 */
        .el-cascader__dropdown {
            z-index: 6666 !important;
        }
        /* 修改 el-date-picker 显示层级 */
        .el-date-picker {
            z-index: 6666 !important;
        }
        .el-popper {
            z-index: 6666 !important;
        }
        .el-message-box__wrapper {
            z-index: 7777 !important;
        }

        .ivu-modal-body {
            max-height: unset !important;
            overflow-y: unset !important;
        }

        .viewer-transition {
            z-index: 5555 !important;
        }
    </style>
    <body>
        <div id="app"></div>
    </body>
</html>
<script type="text/javascript">
  window._AMapSecurityConfig = {
    securityJsCode: "dd076dd4f3c32603a4fb1d137f418ea1",
  };
</script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=5605179b4d370ea41ce1be05fd5dc4c3&plugin=AMap.MouseTool&plugin=AMap.MarkerClusterer&plugin=AMap.MapType&plugin=AMap.DistrictSearch&plugin=AMap.Geocoder"></script>
<script type="text/javascript">
    function pxToRem() {
        var html = document.documentElement;
        var windowWidth = html.clientWidth;

        if(windowWidth<1440){
            html.style.fontSize = "75px"
        }else{
            html.style.fontSize = windowWidth / 19.2 + "px";
        }
    }
    pxToRem();
    window.addEventListener("resize", pxToRem);
</script>
<script src="https://web.sdk.qcloud.com/player/tcplayerlite/release/v2.4.1/TcPlayer-2.4.1.js" charset="utf-8"></script>
